<template>
	<view class="about_us">
		<view class="content">
			<view class="item">
				<view>用户协议</view>
				<u-icon name="arrow-right" size="20" @click="toXieYi()"></u-icon>
			</view>
			<view class="item">
				<view>隐私协议</view>
				<u-icon name="arrow-right" size="20"  @click="YinSi()"></u-icon>
			</view>
			<view class="item">
				<view>检查版本更新</view>
				<u-icon name="arrow-right" size="20"></u-icon>
				<!-- <image src="../../../static/right.png"></image> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toXieYi(){
				uni.navigateTo({
					url:"/pages/my/yhxy"
				})
			},
			YinSi(){
				uni.navigateTo({
					url:"/pages/my/ysxy"
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.about_us {
		width: 100vw;
		height: 100vh;
		background-color: #FAFAFA;
		padding: 32rpx;
		box-sizing: border-box;
		.content{
			width: 100%;
			height: 328rpx;
			border-radius: 12rpx;
			padding: 0rpx 32rpx;
			box-sizing: border-box;
			background-color: #FFFFFF;
			.item{
				width: 100%;
				height: 104rpx;
				line-height: 104rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 2rpx #FAFAFA solid;
				image{
					display: block;
					width: 48rpx;
					height: 48rpx;
					margin-top: 30rpx;
				}
			}
		}
	}
</style>